<%-- 
    Document   : index
    Created on : Mar 7, 2012, 12:27:46 AM
    Author     : Tri ben tre
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Power Blog Theme - free CSS template</title>
<meta name="keywords" content="free css template, power theme website, CSS, HTML" />
<meta name="description" content="Power Theme - free CSS template provided by templatemo.com" />
<link href="Template/css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="all" href="Template/css/niceforms-default.css" />
<link rel="stylesheet" href="Template/js/jquery.ui.all.css"/>
<script language="javascript" type="text/javascript" src="Template/js/niceforms.js"></script>
<link href="css/style_new.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="Template/js/jquery-1.6.2.js"></script>
    <script src="Template/js/jquery.bgiframe-2.1.2.js"></script>
    <script src="Template/js/jquery.ui.core.js"></script>
    <script src="Template/js/jquery.ui.widget.js"></script>
    <script src="Template/js/jquery.ui.mouse.js"></script>
    <script src="Template/js/jquery.ui.button.js"></script>
    <script src="Template/js/jquery.ui.draggable.js"></script>
    <script src="Template/js/jquery.ui.position.js"></script>
    <script src="Template/js/jquery.ui.resizable.js"></script>
    <script src="Template/js/jquery.ui.dialog.js"></script>
    <script src="Template/js/jquery.effects.core.js"></script>
    <script src="Template/js/jquery.ui.autocomplete.js"></script>
    <link rel="stylesheet" href="Template/js/demos.css"/>
    <link rel="stylesheet" href="Template/js/jquery.ui.theme.css"/>
    <link rel="stylesheet" href="Template/js/jquery.ui.base.css"/> 
    <link href="Template/css/jquery.selectbox.css" type="text/css" rel="stylesheet" />    
    <script type="text/javascript" src="Template/js/jquery.selectbox-0.1.3.js"></script>
    <link  rel="stylesheet" type="text/css" href="Template/syntaxhighlighter/jquery.jqplot.min.css" />
    <link rel="stylesheet" type="text/css" href="Template/syntaxhighlighter/examples.min.css" />
    <link type="text/css" rel="stylesheet" href="Template/syntaxhighlighter/styles/shCoreDefault.min.css" />
    <link type="text/css" rel="stylesheet" href="Template/syntaxhighlighter/styles/shThemejqPlot.min.css" />
     
    <style>
            input.text { margin-bottom:12px; width:95%; padding: .4em; }
            fieldset { padding:0; border:0; margin-top:25px; }
            h1 { font-size: 1.2em; margin: .6em 0; }
            div#users-contain { width: 350px; margin: 20px 0;}
            div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
            div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
            .ui-dialog .ui-state-error { padding: .3em; }
            .validateTips { border: 1px solid transparent; padding: 0.3em; }
    </style>
    <style>
            .ui-button { margin-left: -1px; }
            .ui-button-icon-only .ui-button-text { padding: 0.35em; } 
            .ui-autocomplete-input { margin: 0; padding: 0.40em 0 0.47em 0.45em; width: 68px;}

 /* Chỉnh thanh scrollbar */           
                .ui-autocomplete {
                    max-height: 200px;
                    overflow-y: auto;
                    /* prevent horizontal scrollbar */
                    overflow-x: hidden;
                    /* add padding to account for vertical scrollbar */
                    padding-right: 18px;
                }
                /* IE 6 doesn't support max-height
                 * we use height instead, but this forces the menu to always be this tall
                 */
                * html .ui-autocomplete {
                    height: 200px;
                }
    </style>
</head>
<body>

<div id="templatemo_wrapper">
    <tiles:insertAttribute name="menu" />
    <tiles:insertAttribute name="header" />
    
        <div id="templatemo_content_wrapper_top"></div>
        <form action="vars.php" method="post" class="niceform"> 
        <div id="templatemo_content_wrapper">
            <tiles:insertAttribute name="sidebar" />
            <tiles:insertAttribute name="content" />
            <div class="cleaner"></div>
        </div>
            </form>   
        <div id="templatemo_content_wrapper_bottom"></div>
    
    <tiles:insertAttribute name="footer" />
</div
<tiles:insertAttribute name="copyright" />
<tiles:insertAttribute name="divJQuery" />
</body>
</html>